<template>
  <view>
    <view class="p-24rpx">
      <view class="flex">
        <wd-img src="/static/images/logo.png" width="100rpx" height="100rpx" round />

        <view class="ml-24rpx">
          <view class="text-32rpx">未登录</view>
          <view class="text-24rpx color-textSecondary mt-12rpx">写签名会更容易获得别人的关注哦～</view>
        </view>
      </view>

      <view class="p-24rpx rounded-24rpx mt-24rpx flex justify-between">
        <view class="flex-col items-center">
          <text class="text-40rpx">171</text>
          <text class="text-24rpx color-textSecondary">总点击</text>
        </view>

        <view class="flex-col items-center">
          <text class="text-40rpx">24</text>
          <text class="text-24rpx color-textSecondary">赞</text>
        </view>

        <view class="flex-col items-center">
          <text class="text-40rpx">89</text>
          <text class="text-24rpx color-textSecondary">关注</text>
        </view>

        <view class="flex-col items-center">
          <text class="text-40rpx">653</text>
          <text class="text-24rpx color-textSecondary">粉丝</text>
        </view>
      </view>

      <view class="flex mt-24rpx items-center">
        <view
          class="bg-bgCard shadow-md px-24rpx py-36rpx mr-24rpx rounded-24rpx flex-1 flex justify-between items-center"
        >
          <view>
            <view class="text-32rpx mb-12rpx">接单模式</view>
            <view class="text-24rpx color-textSecondary">已关闭</view>
          </view>
          <view class="inner">
            <wd-switch />
          </view>
        </view>

        <view class="bg-bgCard shadow-md px-24rpx py-36rpx rounded-24rpx flex-1 flex justify-between items-center">
          <view>
            <view class="text-32rpx mb-12rpx">消息通知</view>
            <view class="text-24rpx color-textSecondary">已关闭</view>
          </view>
          <view class="inner">
            <wd-switch />
          </view>
        </view>
      </view>
      <!-- 我的订单 -->
      <view class="mt-24rpx bg-bgCard rounded-24rpx p-24rpx shadow-md">
        <view class="text-32rpx">我的订单</view>
        <view class="flex items-center justify-around pt-36rpx">
          <view class="flex-col items-center">
            <view class="byt-icon-park-outline:transaction-order text-32rpx"></view>
            <view class="text-24rpx color-textSecondary pt-16rpx">待付款</view>
          </view>
          <view class="flex-col items-center">
            <view class="byt-icon-park-outline:data-one text-32rpx"></view>
            <view class="text-24rpx color-textSecondary pt-16rpx">未发货</view>
          </view>
          <view class="flex-col items-center">
            <view class="byt-icon-park-outline:shopping-cart text-32rpx"></view>
            <view class="text-24rpx color-textSecondary pt-16rpx">已发货</view>
          </view>
          <view class="flex-col items-center">
            <view class="byt-icon-park-outline:file-withdrawal text-32rpx"></view>
            <view class="text-24rpx color-textSecondary pt-16rpx">售后/退款</view>
          </view>
        </view>
      </view>

      <view
        class="bg-bgCard rounded-20rpx overflow-hidden flex justify-between items-center w-[calc(100%-60rpx)] h-120rpx mt-24rpx p-x-30rpx shadow-md"
      >
        <view class="flex items-center">
          <view class="font-size-30rpx">退出登录</view>
        </view>
        <view class="flex items-center">
          <wd-icon name="chevron-right" size="22px" color="#9e9e9e"></wd-icon>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped></style>
